html, body {
  height: 100%;
}

#app {
  height: 100%;
}

.top_active {
  height: 1.11rem;
  margin-bottom: 10px;
  padding: .3rem;
  div {
    &:first-child, &:last-child {
      flex: 1;
      display: flex;
      flex-direction: column;
      p {
        flex: 1;
        line-height: .22rem;
        text-align: center;
        font-size: 14px;
      }
    }
    &:nth-child(2) {
      flex-basis: .5rem;
      text-align: center;
      line-height: .44rem;
    }
  }

}

.center_content {
  flex: 1;
  .content_top {
    & > p {
      height: .44rem;
      line-height: .44rem;
      text-align: center;
    }

    .weui-cells {
      margin: 0 10px;
      height: .56rem;
      .weui-cell {
        height: .56rem;
        padding: 0 10px;
        .iconfont {
          font-size: 24px !important;
        }
      }
    }
  }

  .content_center {
    margin: 10px;
    padding: 10px;
    border: 1px solid #CCCCCC;
    img {
      display: block;
      height: 1.07rem;
      width: 100%;
    }
  }

  .content_bottom {
    a {
      display: block;
      width: 3.35rem;
      height: .44rem;
      line-height: .44rem;
      margin-bottom: .1rem!important;
      &.white {
        color: #999!important;
      }
    }
  }
}

